<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<title>欢迎您，授课教师！</title>
  	<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  	<div class="layui-header">
    	<div class="layui-logo">授课教师</div>
   	 	<!-- 头部区域（可配合layui已有的水平导航） -->
    	<ul class="layui-nav layui-layout-right" lay-filter="mine">
      		<li class="layui-nav-item">
        		<a href="javascript:;"><img src="./layui/images/touxiang.jpg" class="layui-nav-img"></a>
      		</li>
      		<li class="layui-nav-item"><a href="login.html">退出</a></li>
    	</ul>
	</div>
  
	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
    	<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    	<ul class="layui-nav layui-nav-tree" lay-filter="test">
    		<li class="layui-nav-item">
		  		<a href="javascript:;">课程管理</a>
		  		<dl class="layui-nav-child">
		    		<dd><a href="我的课程列表.jsp" id="课程管理">课程管理</a></dd>
		  		</dl>
		  		<dl class="layui-nav-child">
		    		<dd><a href="发起的签到.jsp" id="发起的签到">发起的签到</a></dd>
		  		</dl>
		  		<dl class="layui-nav-child">
		    		<dd><a href="学生签到详情.jsp" id="名单导出">名单导出</a></dd>
		  		</dl>
			</li>
		</ul>
		</div>
	</div>
	<div class="layui-body" id="layui-body">
		
    <iframe id="main" width="100%" style="height: 99.9%" frameborder="0"></iframe>
	</div>
	<div class="layui-footer">
		Web系统与技术大作业 张宇哲<a href="#">计算机18-1 181002406</a>
	</div>
</div>
<script src="./layui/layui.js"></script>
<script>
	layui.use('element',function(){
		var $ = layui.jquery
		,element = layui.element;
		
		$(document).ready(function(){
			$("#课程管理").click(function(e){
				e.preventDefault();
				$("#main").attr("src",$(this).attr("href"));
			});
			$("#发起的签到").click(function(e){
				e.preventDefault();
				$("#main").attr("src",$(this).attr("href"));
			});
			$("#名单导出").click(function(e){
				e.preventDefault();
				$("#main").attr("src",$(this).attr("href"));
			});
		});
	});
</script>
</body>
</html>